// 生成 margin-left 样式代码
@for $i from 1 through 20 {
  .ml-#{$i} {
    margin-left: $i * 1px;
  }
}

// 生成 margin-right 样式代码
@for $i from 1 through 20 {
  .mr-#{$i} {
    margin-right: $i * 1px;
  }
}

// 生成 margin-top 样式代码
@for $i from 1 through 20 {
  .mt-#{$i} {
    margin-top: $i * 1px;
  }
}

// 生成 margin-bottom 样式代码
@for $i from 1 through 20 {
  .mb-#{$i} {
    margin-bottom: $i * 1px;
  }
}

// 生成 padding-left 样式代码
@for $i from 1 through 20 {
  .pl-#{$i} {
    padding-left: $i * 1px;
  }
}

// 生成 padding-right 样式代码
@for $i from 1 through 20 {
  .pr-#{$i} {
    padding-right: $i * 1px;
  }
}

// 生成 padding-top 样式代码
@for $i from 1 through 20 {
  .pt-#{$i} {
    padding-top: $i * 1px;
  }
}

// 生成 padding-bottom 样式代码
@for $i from 1 through 20 {
  .pb-#{$i} {
    padding-bottom: $i * 1px;
  }
}
